<template>
  <div id="ZLJIndex" :class="{ elderStyle: !showEdition }">
    <div class="mainWrap" ref="mainWrap">
      <div class="top">
        <van-swipe :autoplay="3000">
          <van-swipe-item v-for="(item, index) in imageList" :key="index">
            <img style="width: 100%; height: 360rpx" :src="item.img" />
          </van-swipe-item>
        </van-swipe>
        <div class="left-top">
          <span style="margin-right: 2px">切换用户:</span>
          <span v-for="(item, index) in tabData" :key="index" class="btn" @click="ISShowClick(item, index)">
            {{ item }}
          </span>
          <!-- <span style="float: right" class="btn" v-if="showEdition" @click="EditionClick">开启长辈版</span>
          <span style="float: right" class="btn" v-if="!showEdition" @click="EditionClick">开启青春版</span> -->
        </div>
        <div class="bottom-top">
          <span style="font-size: 14px; margin-top: 4px">
            当前站点：
            <span>{{ areaValue }}</span>
          </span>
          <span class="btn">
            <van-cell is-link @click="handleChange">切换城市</van-cell>
          </span>
        </div>
      </div>
      <div class="content">
        <div v-show="showType == 'GJ'" class="main">
          <p class="subTitle">房屋审批</p>
          <ul class="content-nfjs" v-if="showBg1">
            <li
              v-for="(item, index) in NFJSData"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : '',
                background: 'url(' + item.bg1 + ')'
              }"
              :key="index"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
          <ul class="content-nfjs" v-else>
            <li
              v-for="(item, index) in NFJSData"
              v-if="index == 0"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              :key="index"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png')"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData"
              v-if="index == 1"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(5).png')"
              :key="index"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData"
              v-if="index == 2"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(2).png')"
              :key="index"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData"
              v-if="index == 3"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(3).png')"
              :key="index"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData"
              v-if="index == 4"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(1).png')"
              :key="index"
              @click="NFJSClick(item)">
              <span style="width: 98px" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
        </div>
        <div v-show="showType == 'NH'" class="main">
          <p class="subTitle">房屋审批</p>
          <ul class="content-nfjs" v-if="showBg1">
            <li
              v-for="(item, index) in NFJSData1"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : '',
                background: 'url(' + item.bg + ')'
              }"
              :key="index"
              @click="NFJSClick1(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
          <ul class="content-nfjs" v-else>
            <li
              v-for="(item, index) in NFJSData1"
              v-if="index == 0"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98 (2).png')"
              :key="index"
              @click="NFJSClick1(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData1"
              v-if="index == 1"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98 (3).png')"
              :key="index"
              @click="NFJSClick1(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
            <li
              v-for="(item, index) in NFJSData1"
              v-if="index == 2"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98 (3).png')"
              :key="index"
              @click="NFJSClick1(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
        </div>
        <div v-show="showType == 'QY'" class="main">
          <p class="subTitle">企业服务</p>
          <ul class="content-nfjs" v-if="showBg1">
            <li
              v-for="(item, index) in NFJSData2"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : '',
                background: 'url(' + item.bg + ')'
              }"
              :key="index"
              @click="NFJSClick2(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
          <ul class="content-nfjs" v-else>
            <li
              v-for="(item, index) in NFJSData2"
              :style="{
                marginRight: (index + 1) % 2 !== 0 ? '2%' : ''
              }"
              style="background: url('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98 (2).png')"
              :key="index"
              @click="NFJSClick2(item)">
              <span style="width: 88%; display: inline-block" :style="{ color: item.color }">{{ item.name }}</span>
            </li>
          </ul>
        </div>
        <div class="main">
          <p class="subTitle">农房服务</p>
          <ul class="content-nffw" v-if="showType == 'GJ' || showType == 'QY'">
            <li v-for="(item, index) in NFFWData" v-show="item.isShow" :key="index" @click="handleToThreePage(item.name)">
              <img v-if="showBg1" :src="item.bg" />
              <img v-else :src="item.bg1" />
              <span>{{ item.name }}</span>
            </li>
          </ul>
          <ul class="content-nffw" v-else>
            <li v-for="(item, index) in NFFWData1" v-show="ISSHowTG && item.isShow" :key="index" @click="handleToThreePage(item.name)">
              <img v-if="showBg1" :src="item.bg" />
              <img v-else :src="item.bg1" />
              <span>{{ item.name }}</span>
            </li>
            <li v-for="(item, index) in NFFWData2" v-show="!ISSHowTG && item.isShow" :key="index" @click="handleToThreePage(item.name)">
              <img v-if="showBg1" :src="item.bg" />
              <img v-else :src="item.bg1" />
              <span>{{ item.name }}</span>
            </li>
          </ul>
        </div>
        <div class="main" v-show="showType == 'GJ' && NFFMData && NFFMData.length > 0">
          <p class="subTitle">农房风貌</p>
          <ul class="content-nffm">
            <li v-for="(item, index) in NFFMData" :style="{ marginRight: (index + 1) % 2 !== 0 ? '2%' : '' }" :key="index" @click="handleGotoXiang(item)">
              <img style="width: 100%" :src="baseUrl11 + (item.coverPictureList != null ? item.coverPictureList[0].id : '3e7acb97b640411a9ce06017e7c12964')" />
              <span class="text">{{ item.villageName }}</span>
            </li>
          </ul>
        </div>
        <div class="phoneText">
          <p style="text-align: center">本服务由惠州政务服务网 惠州市住房和城乡建设厅</p>
          <p style="text-align: center">惠州市自然资源厅 惠州市农业农村厅提供</p>
          <p style="text-align: center">
            服务咨询热线：
            <span style="color: blue" @click="phoneCall('0571-85216767')">0571-85216767</span>
          </p>
        </div>
      </div>
    </div>
    <van-dialog v-model="YWDSHOW" title="更新公告" show-cancel-button @confirm="handleYWDSHOW">
      <!-- <img src="https://img01.yzcdn.cn/vant/apple-3.jpg" /> -->
      <div class="text" v-html="neiRong"></div>
    </van-dialog>

    <div class="bottom">
      <ul>
        <li
          v-for="(item, index) in bottomData"
          @click="bottomClick(index)"
          v-show="
            (showType == 'GJ' && (item.name === '首页' || item.name === '我的待办' || item.name === '我的收藏')) ||
            (showType == 'NH' && (item.name === '首页' || item.name === '我的待办')) ||
            (showType == 'QY' && (item.name === '首页' || item.name === '我的收藏'))
          "
          :style="{
            color: nowIndex === index ? '#007AFF' : '#908f94',
            fontSize: '18px',
            width: showType != 'GJ' ? '50%' : '33.3%'
          }"
          :key="index">
          <img v-if="nowIndex === index" :src="item.icon" />
          <img v-else :src="item.icons" />
          <p>{{ item.name }}</p>
        </li>
      </ul>
      <van-popup v-model:show="IsShowAre" round position="bottom">
        <van-cascader v-model="cascaderValue" title="切换城市" :options="options" @close="closeA" @change="onChange" @finish="onFinish" />
      </van-popup>
    </div>
  </div>
</template>
<script>
import { GJDBFunction } from '../../utils/queryData'
import { areaList } from '@vant/area-data'
import MyEnshrine from './MyEnshrine.vue'
import {
  LoadGridData,
  zhejiangHouseFeature,
  housePublicVersionPersonSave,
  housePublicVersionPerson,
  houseRemoldUnitBuildPerson,
  QuerySignCallback,
  GetAdministrative,
  getDatalistForTree,
  JFDataList,
  QueryListToGJORFW,
  getRequestId
} from '../../utils/api'
let isshowincon =
  window.localStorage.getItem('DanDianPhone') == '18702786744' || window.localStorage.getItem('DanDianPhone') == '16635049159' || window.localStorage.getItem('DanDianPhone') == '15937092301'
export default {
  data() {
    return {
      showEdition: true,
      ISShow1: true,
      YWDSHOW: false,
      mlxjdshow: false,
      nowIndex: 0,
      tabIndex: 0,
      showBg1: true,
      ISSHowTG: false,
      tabData: ['农户', '工匠', '企业'],
      areaValue: '',
      areaCode: '',
      ISShow: true,
      IsShowAre: false,
      baseUrl11: window.g.OSSPriviewId,
      showType: 'GJ',
      noData: false,
      neiRong: '',
      usernem: window.localStorage.getItem('DanDianName') ? window.localStorage.getItem('DanDianName').username : '',
      areaList,
      imageList: [
        {
          img: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/banner.png'
        }
      ],
      bottomData: [
        {
          name: '首页',
          icon: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/20.png',
          icon1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(1).png',
          icons: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/20-1.png',
          icons1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/20-1.png'
        },
        {
          name: '我的待办',
          icons: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/21.png',
          icon: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/21-1.png'
        },
        {
          name: '我的收藏',
          icons: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/22.png',
          icon: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/22-1.png'
        }
      ],
      NFJSData: [
        // {
        //   name: '房屋举报',
        //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
        //   color: '#5486CB'
        // },
        {
          name: '房屋举报',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
          color: '#5486CB'
        },
        // {
        //     name: '房屋举报v2',
        //     bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
        //     bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
        //     color: '#5486CB'
        // },
        // {
        //   name: '地图',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/4.png'
        // },
        // {
        //   name: '我要危改',
        //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/5.png',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(5).png',
        //   color: '#A78D61'
        // },
        // {
        //   name: "我要流转",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/6.png",
        //   color: "#A78D61",
        // },
        // {
        //   name: '我要办理门牌',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(6).png',
        //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
        //   color: '#5486CB'
        // }
        //  {
        //   name: "安全自查",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(3).png",
        //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
        //   color: "#5486CB",
        // },
      ],
      NFJSDataThirdParty: [
        // {
        //   name: "我要入驻",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/32.png",
        // },
        {
          name: '我的项目',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/33.png'
        }
      ],
      ISShowList: true,
      NFJSData1: [
        // {
        //   name: '我的接单',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png'
        // },
        {
          name: '我的项目',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/4.png',
          color: '#A78D61'
        },
        // {
        //   name: '我要入驻',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/6.png'
        // },
        // {
        //   name: "我的考评",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png",
        //   color: "#5486CB",
        // },
        {
          name: '我要代办',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98 (4).png',
          color: '#5486CB'
        },
        {
          name: '个人信息维护',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
          color: '#5486CB'
        }
      ],
      NFJSData2: [
        {
          name: '建筑企业待办',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/4.png',
          color: '#A78D61'
        },
        {
          name: '危改申请待办',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
          color: '#A78D61'
        },
        {
          name: '建房申请待办',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/33.png',
          color: '#A78D61'
        },
        {
          name: '企业施工人员维护',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/33.png',
          color: '#A78D61'
        }
      ],
      NFFWData: [
        {
          name: '图集服务',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/9.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(6).png',
          isShow: true
        },
        {
          name: '工匠服务',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/10.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(7).png',
          isShow: true
        },
        // {
        //   name: '地图',
        //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/10.png',
        //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(7).png',
        //   isShow: isshowincon
        // },
        {
          name: '技术单位服务',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/11.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(1).png',
          isShow: true
        },
        // {
        //   name: "保险服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/13.png",
        // },
        {
          name: '政策法规',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/14.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(2).png',
          isShow: true
        },
        {
          name: '建房知识',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        },
        {
          name: '一图读懂',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        },
        // {
        //   name: "建材服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png",
        // },
        // {
        //   name: "生活服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/17.png",
        //   bg1: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/17.png",
        //   isShow: true
        // },
      ],
      NFFWData1: [
        // {
        //   name: "工匠服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/10.png",
        // },
        {
          name: '贷款服务',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/12.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(1).png',
          isShow: isshowincon
        },
        // {
        //   name: "保险服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/13.png",
        // },
        {
          name: '政策法规',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/14.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(2).png',
          isShow: true
        },
        {
          name: '建房知识',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        },
        {
          name: '天工巧匠',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: true
        },
        {
          name: '海岛e间房',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: false
        },
        {
          name: '培训资讯',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: true
        },
        {
          name: '竞赛资讯',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: true
        },
        {
          name: '一图读懂',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        }
      ],
      accessKey: '17ce0a9ca3034da28dda1cb381ab3d39',
      requestId: '',
      NFFWData2: [
        // {
        //   name: "工匠服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/10.png",
        // },
        {
          name: '贷款服务',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/12.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(1).png',
          isShow: isshowincon
        },
        // {
        //   name: "保险服务",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/13.png",
        // },
        {
          name: '政策法规',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/14.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(2).png',
          isShow: true
        },
        {
          name: '建房知识',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        },
        {
          name: '海岛e间房',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: false
        },
        {
          name: '培训资讯',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/13.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/13.png',
          isShow: true
        },
        {
          name: '竞赛资讯',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/16.png',
          isShow: true
        },
        {
          name: '一图读懂',
          bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/15.png',
          bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/99%20(3).png',
          isShow: true
        }
      ],
      NFFMData: [
        // {
        //   name: "墩岙村",
        //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/330200/1.jpg",
        // },
      ],
      urlHE: 'https://nfzjszlb.jst.zj.gov.cn/webserver/appcs/index.html#/BizForm?bg=95c95888-1617-4310-847e-c0a94ec9a923&fd=PKID&ve=20&ft=edit&tk=' + window.localStorage.getItem('token'),
      contentData: [],
      contentData1: [
        {
          name: '房屋举报申请',
          num: 0
        },
        {
          name: '我的贷款申请',
          num: 0
        },
        {
          name: '我购买的保险',
          num: 0
        },
        {
          name: '我要改扩建申请',
          num: 0
        },
        {
          name: '我要危改申请',
          num: 0
        },
        // {
        //   name: "我要流转申请",
        //   num: 0,
        // },
        {
          name: '我要办理不动产权证申请',
          num: 0
        }
      ],
      handleGoto: 0,
      cascaderValue: '',
      options: [
        // {
        //   text: '杭州市',
        //   value: '441300000000',
        //   children: [],
        // },
      ]
    }
  },
  components: {
    MyEnshrine
  },
  watch: {
    areaValue: {
      handler(newVal, oldVal) {
        if (newVal.indexOf('嘉兴') > -1 || newVal.indexOf('宁波') > -1) {
          this.NFJSData = [
            {
              name: '房屋举报',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
              color: '#5486CB'
            },
            // 越宅通

            // {
            //   name: '我要危改',
            //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/5.png',
            //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(5).png',
            //   color: '#A78D61'
            // },
            // {
            //   name: '我要办理门牌',
            //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(6).png',
            //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
            //   color: '#5486CB'
            // },
            // {
            //   name: '我要办理施工备案证',
            //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
            //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
            //   color: '#4F9AB0',
            //   isShow: window.localStorage.getItem('citycodeChange') == '330112000000' || window.localStorage.getItem('citycodeChange') == '330400000000'
            // }
          ]
        } else if (newVal.indexOf('绍兴') > -1) {
          if (this.NFJSData.length == 3) {
            this.NFJSData.push({
              name: '越宅通',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
              color: '#5486CB',
              isShow: true
            })
          }
        } else if (newVal.indexOf('德清') > -1) {
          if (this.NFJSData.length == 3) {
            this.NFJSData.push({
              name: '浙农富裕',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
              color: '#5486CB',
              isShow: true
            })
          }
        } else if (newVal.indexOf('临安') > -1) {
          if (this.NFJSData.length == 3) {
            this.NFJSData.push(
              {
                name: '我要办理施工备案证',
                bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
                bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
                color: '#4F9AB0',
                isShow: window.localStorage.getItem('citycodeChange') == '330112000000' || window.localStorage.getItem('citycodeChange') == '330400000000'
              },
              {
                name: '房屋举报v2',
                bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
                bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
                color: '#5486CB'
              }
            )
          }
        } else {
          this.NFJSData = [
            {
              name: '房屋举报',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
              color: '#5486CB'
            },
            // 越宅通

            {
              name: '我要危改',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/5.png',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(5).png',
              color: '#A78D61'
            },
            {
              name: '我要办理门牌',
              bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(6).png',
              bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
              color: '#5486CB'
            }
          ]
        }
      }
    }
  },
  methods: {
    getXianOpenDataView: async function (data = '330000000000') {
      this.options = []
      const res = await getDatalistForTree(data)
      res.data.data.forEach((item) => {
        this.options.push({
          text: item.cityname,
          value: item.citycode,
          children: []
        })
      })
      console.log(this.options, 'hezhilong')
      // this.options = res.data.data
    },
    htmlFontSize() {
      var $dom = document.querySelector('#ZLJIndex')
      var originFontSize = 10
      var scaledFontSize = parseInt(window.getComputedStyle($dom, null).getPropertyValue('font-size'))
      var scaleFactor = originFontSize / scaledFontSize
      $dom.style.fontSize = originFontSize * scaleFactor
    },
    ISShowClick(data, id) {
      var span = document.getElementsByClassName('btn')
      for (var i = 0; i <= 2; i++) {
        if (id == i) {
          span[i].style.background = '#71a6fc'
        } else {
          span[i].style.background = ''
        }
      }
      window.sessionStorage.setItem('index', id)
      if (data == '工匠') {
        this.showType = 'NH'
        window.localStorage.setItem('isPerTab', 1)
      } else if (data == '企业') {
        window.localStorage.setItem('isPerTab', 2)
        let isPer = window.localStorage.getItem('isPerTab')
        // 如果是法人登录 显示切换企业
        isPer == 2 ? (this.showType = 'QY') : (this.showType = 'GJ')
      } else if (data == '农户') {
        this.showType = 'GJ'
        window.localStorage.setItem('isPerTab', 1)
      }
      if (this.showType == 'GJ') {
        this.$store.commit('getIsGJ', true)
        window.localStorage.setItem('isGJM', true)
      } else {
        this.$store.commit('getIsGJ', false)
        window.localStorage.setItem('isGJM', false)
      }
      window.localStorage.setItem('userType', this.showType)
    },
    async getrequestId() {
      let data = {
        idCardNum: window.localStorage.getItem('DanDianid'),
        idCardType: '1',
        idCardUserName: window.localStorage.getItem('DanDianName')
      }
      const res = await getRequestId(data)
      if (res.data.code == 200) {
        this.requestId = res.data.data?.requestId
      } else {
        this.$confirm({
          title: '提示',
          message: '获取用户信息失败请重试',
          btn: {
            okText: '确定',
            cancelText: '取消'
          }
        })
          .then(() => {
            // do something
          })
          .catch(() => {
            console.log('no')
          })
      }
    },
    NFJSClick(item) {
      this.$store.commit('getNowName', item.name)
      switch (item.name) {
        case '房屋举报':
          window.sessionStorage.setItem('ISGJDB', false)
          this.$router.push({
            path: '/Safetycheck'
          })
          break
        case '我要改扩建':
          this.$router.push({
            path: '/ApplicationPage'
          })
          break
        case '我要办理不动产权证':
          this.$router.push({
            path: '/RealEstate'
          })
          break
        case '我要办理门牌':
          this.$router.push({
            path: '/BrandPage'
          })
          break
        case '我要办理施工备案证':
          this.$router.push({
            path: '/BanLiSGXK'
          })
          break
        case '我要危改':
          this.$router.push({
            path: '/RebuildPanel'
          })
          break
        case '我要流转':
          this.$router.push({
            path: '/MyManagement'
          })
          break
        case '个人信息维护':
          this.$router.push({
            path: '/PersonMaintenance'
          })
          break
        case '安全自查':
          this.$router.push({
            path: '/Safetycheck'
          })
          break
      }
    },
    handleclickto() {
      this.$router.push({
        path: '/myshenQing'
      })
    },
    NFJSClick(item) {
      if (window.localStorage.getItem('isPer') == 2) {
        ZWJSBridge.alert({
          title: '提示',
          buttonName: '确定',
          message: '当前服务仅支持个人，请先登录个人账户。'
        })
          .then((res) => {
            console.log(res)
          })
          .catch((err) => {
            this.$toast.fail('当前服务仅支持个人，请先登录个人账户。')
          })
      } else {
        this.$store.commit('getNowName', item.name)
        switch (item.name) {
          case '房屋举报':
            window.sessionStorage.setItem('ISGJDB', false)
            this.$router.push({
              path: '/Safetycheck'
            })
            break
          case '房屋举报v2':
            window.sessionStorage.setItem('ISGJDB', false)
            if (processENV1.NODE_ENV == '"development"') {
              this.$router.push({
                path: '/individualApplication'
              })
            //   return
            }
            ZWJSBridge.onReady(() => {
              ZWJSBridge.authentication({
                accessKey: this.accessKey,
                requestId: this.requestId
              })
                .then((data) => {
                  if (data?.pass) {
                    switch (item.name) {
                      case '房屋举报v2':
                        window.localStorage.removeItem('JDData')
                        this.$router.push({
                          path: '/individualApplication'
                        })
                        break
                    }
                  } else {
                    this.$toast.fail('人脸认证失败请重试')
                  }
                })
                .catch((error) => {
                  //     switch (item.name) {
                  //   case '我要危改':
                  //     window.localStorage.removeItem('JDData')
                  //     this.$router.push({
                  //       path: '/RebuildPanel'
                  //     })
                  //     break
                  // }
                })
            })
            // this.$router.push({
            //   path: '/individualApplication'
            // })
            break
          case '浙农富裕':
            ZWJSBridge.openLink({
              url: 'https://zxx.deqing.gov.cn:8005/'
            })
              .then((res) => {})
              .catch((err) => {})
            break
          case '越宅通':
            ZWJSBridge.openLink({
              url: 'https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2002209143/reserved/index.html'
            })
              .then((res) => {})
              .catch((err) => {})
            break
          case '我要改扩建':
            this.$router.push({
              path: '/ApplicationPage'
            })
            break
          case '我要办理不动产权证':
            this.$router.push({
              path: '/RealEstate'
            })
            break
          case '我要办理门牌':
            this.$router.push({
              path: '/BrandPage'
            })
            break
          case '我要流转':
            this.$router.push({
              path: '/MyManagement'
            })
            break
          case '我要办理施工备案证':
            this.$router.push({
              path: '/BanLiSGXK'
            })
            break
          case '安全自查':
            this.$router.push({
              path: '/Safetycheck'
            })
            break
        }
        if (item.name == '我要危改') {
          console.log(this.requestId, 'this.requestId')
          if (processENV1.NODE_ENV == '"development"') {
            this.$router.push({
              path: '/RebuildPanelV2'
            })
            return
          }
          ZWJSBridge.onReady(() => {
            ZWJSBridge.authentication({
              accessKey: this.accessKey,
              requestId: this.requestId
            })
              .then((data) => {
                if (data?.pass) {
                  switch (item.name) {
                    case '我要危改':
                      window.localStorage.removeItem('JDData')
                      this.$router.push({
                        path: '/RebuildPanelV2'
                      })
                      break
                  }
                } else {
                  this.$toast.fail('人脸认证失败请重试')
                }
              })
              .catch((error) => {
                //     switch (item.name) {
                //   case '我要危改':
                //     window.localStorage.removeItem('JDData')
                //     this.$router.push({
                //       path: '/RebuildPanel'
                //     })
                //     break
                // }
              })
          })
        }
      }
      //先进行人脸核验 核验通过后进行下一步
    },
    handleclickto() {
      this.$router.push({
        path: '/myshenQing'
      })
    },
    NFJSClick1(item) {
      if (window.localStorage.getItem('isPer') == 2) {
        ZWJSBridge.alert({
          title: '提示',
          buttonName: '确定',
          message: '当前服务仅支持个人，请先登录个人账户。'
        })
          .then((res) => {
            console.log(res)
          })
          .catch((err) => {
            this.$toast.fail('当前服务仅支持个人，请先登录个人账户。')
          })
      } else {
        switch (item.name) {
          case '我的项目':
            this.$router.push({
              path: '/MyProject'
            })
            break
          case '我要代办':
            window.sessionStorage.setItem('ISGJDB', true)
            this.$router.push({
              path: '/ApplicationPage'
            })
            break
          case '个人信息维护':
            this.$router.push({
              path: '/PersonMaintenance'
            })
            break
          case '我的考评':
            this.$router.push({
              path: '/LifeService'
            })
            break
          case '我要入驻':
            this.$router.push({
              path: '/ApplicationSettlement'
            })
            break
        }
      }
    },
    NFJSClick2(items) {
      console.log(this.showType, 'index')
      if (window.localStorage.getItem('isPer') == 2) {
        switch (items.name) {
          case '建筑企业待办':
            this.$router.push({
              path: '/jianzhuGS'
            })
            break
          case '危改申请待办':
            this.$router.push({
              path: '/MyAgentSNew'
            })
            break
          case '建房申请待办':
            this.$router.push({
              path: '/MyProject'
            })
            break
          case '企业施工人员维护':
            this.$router.push({
              path: '/ECPM'
            })
            break
          default:
            break
        }
      } else if (this.showType == 'QY') {
        switch (items.name) {
          case '建筑企业待办':
            this.$router.push({
              path: '/jianzhuGS'
            })
            break
          case '建房申请待办':
            this.$router.push({
              path: '/MyProject'
            })
            break
          default:
            break
        }
        //个人关联企业
        /*
         * 1、通过当前登录人手机号查询关联的企业，如果有多个企业则弹出让选择企业，如果有注册或者关联多个区域，也需要弹出来让选择
         * */
        if (items.name != '建筑企业待办' && items.name != '建房申请待办') {
          let params = {
            // "cityCode":window.localStorage.getItem('citycode')
            //   ? window.localStorage.getItem('citycode')
            //   : '',
            cityCode: '',
            pageNo: 1,
            pageSize: 10000,
            userName: window.localStorage.getItem('DanDianPhone'),
            token: window.localStorage.getItem('token')
          }
          QueryListToGJORFW(params).then(async (item) => {
            if (item.data && item.data.data && item.data.data.pageList.length > 0) {
              //只有一个关联的企业
              debugger
              if (item.data.data.pageList.length == 1) {
                window.localStorage.setItem('tyshxydm', item.data.data.pageList[0].uscc)
                if (item.data.data.pageList[0].cityList.length > 0) {
                  //只有一个区县
                  debugger
                  if (item.data.data.pageList[0].cityList.length == 1) {
                    if (items.name == '危改申请待办') {
                      this.$router.push({
                        path: '/MyAgentSNew',
                        query: { data: JSON.stringify(item.data.data.pageList[0]), city: JSON.stringify(item.data.data.pageList[0].cityList[0]) }
                      })
                    } else if (items.name == '企业施工人员维护') {
                      this.$router.push({
                        path: '/ECPM',
                        query: { data: JSON.stringify(item.data.data.pageList[0]), city: JSON.stringify(item.data.data.pageList[0].cityList[0]) }
                      })
                    } else {
                      ZWJSBridge.alert({
                        title: '提示',
                        buttonName: '确定',
                        message: '未查询到您关联的企业,请联系企业负责人添加账号!'
                      })
                        .then((res) => {
                          console.log(res)
                        })
                        .catch((err) => {
                          this.$toast.fail('未查询到您关联的企业,请联系企业负责人添加账号!')
                        })
                    }
                  } else if (item.data.data.pageList[0].cityList.length > 1) {
                    //弹出区县名称让选择
                    this.$router.push({
                      path: '/citySelect',
                      query: { data: JSON.stringify(item.data.data.pageList[0]), iswgdb: true, name: items.name }
                    })
                  }
                }
              }
            } else {
              //需要判断当前登录人是不是施工负责人
              const res = await houseRemoldUnitBuildPerson()
              ZWJSBridge.alert({
                title: '提示',
                buttonName: '确定',
                message: '未查询到您关联的企业,请联系企业负责人添加账号!'
              })
                .then((res) => {
                  console.log(res)
                })
                .catch((err) => {
                  this.$toast.fail('未查询到您关联的企业,请联系企业负责人添加账号!')
                })
            }
          })
        }
      } else {
        ZWJSBridge.alert({
          title: '提示',
          buttonName: '确定',
          message: '当前服务仅支持法人，请先登录法人账户。'
        })
          .then((res) => {
            console.log(res)
          })
          .catch((err) => {
            this.$toast.fail('当前服务仅支持法人，请先登录法人账户。')
          })
      }
    },
    handleChange() {
      this.IsShowAre = true
    },
    handleConfirm() {},
    onChange({ value, selectedOptions, tabIndex }) {
      if (selectedOptions[tabIndex].children.length == 0 && tabIndex < 2) {
        this.getXZQH(value, selectedOptions, tabIndex)
      }
      this.onFinish({ value, selectedOptions, tabIndex })
    },
    closeA() {
      this.IsShowAre = false
    },
    onFinish({ value, selectedOptions, tabIndex }) {
      this.areaValue = selectedOptions.map((option) => option.text).join('/')
      this.areaCode = selectedOptions.map((option) => option.value)
      this.areaCode.length == 3 ? (this.IsShowAre = false) : ''
      if (this.areaCode.length == 2) {
        window.localStorage.setItem('citycodeChange', this.areaCode[this.areaCode.length - 1].toString())
      } else if (this.areaCode.length == 3) {
        window.localStorage.setItem('citycodeChange', this.areaCode[this.areaCode.length - 1].toString())
      } else if (this.areaCode.length == 1) {
        window.localStorage.setItem('citycodeChange', this.areaCode[0].toString())
      } else {
        window.localStorage.setItem('citycodeChange', '441300000000')
      }
      debugger
      window.localStorage.setItem('citycodeValue', this.areaValue)
      console.log(window.localStorage.getItem('citycodeChange'), 'xiaohe')
      if (window.localStorage.getItem('citycodeChange').substring(0, 4) == '3311' || window.localStorage.getItem('citycode').substring(0, 4) == '3311') {
        this.ISSHowTG = true
      } else {
        this.ISSHowTG = false
      }
      if (window.localStorage.getItem('citycodeChange').substring(0, 6) == '330903' || window.localStorage.getItem('citycode').substring(0, 6) == '330903') {
        this.NFFWData.forEach((item) => {
          if (!item.isShow) {
            item.isShow = true
          }
        })
        this.NFFWData1.forEach((item) => {
          if (!item.isShow) {
            item.isShow = true
          }
        })
        this.NFFWData2.forEach((item) => {
          if (!item.isShow) {
            item.isShow = true
          }
        })
      } else {
        this.NFFWData.forEach((item) => {
          if (item.name == '海岛e间房') {
            item.isShow = false
          }
        })
        this.NFFWData1.forEach((item) => {
          if (item.name == '海岛e间房') {
            item.isShow = false
          }
        })
        this.NFFWData2.forEach((item) => {
          if (item.name == '海岛e间房') {
            item.isShow = false
          }
        })
      }
      if (this.areaCode.length == 1) {
        this.getNFFM('')
      } else if (this.areaCode.length == 2) {
        this.getNFFM('F_CITY', this.areaCode[this.areaCode.length - 1])
      }
      if (window.localStorage.getItem('citycodeChange') == '330112000000' || window.localStorage.getItem('citycodeChange') == '330400000000') {
        this.NFFMData = [
          {
            name: '房屋举报',
            bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
            bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(4).png',
            color: '#5486CB'
          },
          // {
          //   name: '地图',
          //   bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/4.png'
          // },
          {
            name: '我要危改',
            bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/5.png',
            bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(5).png',
            color: '#A78D61'
          },
          // {
          //   name: "我要流转",
          //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/6.png",
          //   color: "#A78D61",
          // },
          {
            name: '我要办理门牌',
            bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(6).png',
            bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/7.png',
            color: '#5486CB'
          },
          //  {
          //   name: "安全自查",
          //   bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/98%20(3).png",
          //   bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/3.png',
          //   color: "#5486CB",
          // },
          {
            name: '我要办理施工备案证',
            bg: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
            bg1: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/SGXK/3.png',
            color: '#4F9AB0',
            isShow: isshowincon
          }
        ]
      }
      //   else if (this.areaCode.length == 3) {
      //     this.getNFFM('F_AREA', this.areaCode[this.areaCode.length - 1])
      //   }
      //   let NFFMData = [
      //     {
      //       name: "墩岙村",
      //       bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/330200/1.jpg",
      //     }
      //   ];
      //   if (this.areaValue.indexOf('温州市') != -1) {
      //     NFFMData = [
      //       {
      //         name: "黄南林坑村",
      //         bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/330300/1.jpg",
      //       }
      //     ];
      //   }
      //   if (this.areaValue.indexOf('绍兴市') != -1) {
      //     NFFMData = [
      //       {
      //         name: "冢斜村",
      //         bg: "https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/330600/1.jpg",
      //       }
      //     ];
      //   }
      //   this.NFFMData = NFFMData;
    },
    handleGotoXiang(data) {
      this.$router.push({
        path: '/xiangQing',
        query: { data: JSON.stringify(data) }
      })
    },
    contentDataClick1() {
      this.ISShowList = false
      this.getcontentData()
    },
    phoneCall(data) {
      ZWJSBridge.onReady(() => {
        ZWJSBridge.phoneCall({
          corpId: data
        })
          .then((result) => {})
          .catch((error) => {})
      })
    },
    contentDataClick(item) {
      //需要判断当前是不是工匠 工匠页面需要展示多条
      if (!this.$store.state.isGJ) {
        if (item.NODE_NAME === '农户选图集、选工匠') {
          //农户选图集、选工匠 签合同环节
          this.handleGoto = 0
        } else if ((item.NODE_GUID === '{FAFEF7FF-6294-489A-A5DF-53906712EBEE}' || item.NODE_GUID === '{FEF0E7B0-F048-42E0-998E-06387B0D03DB}') && (item.HTQDZT == null || item.HTBHQDZT == null)) {
          //获取数据 工匠签合同环节
          this.handleGoto = 1
        } else if ((item.NODE_GUID === '{FAFEF7FF-6294-489A-A5DF-53906712EBEE}' || item.NODE_GUID === '{FEF0E7B0-F048-42E0-998E-06387B0D03DB}') && item.HTQDZT != null && item.HTBHQDZT != null) {
          this.handleGoto = 4
        } else if (item.NODE_NAME === '基槽验线') {
          this.handleGoto = 5
          this.handleGoto = 6
        } else if (item.NODE_NAME == '一层立模') {
          this.handleGoto = 8
        } else if (item.NODE_NAME === '竣工验收') {
          //获取数据
          this.handleGoto = 7
        } else {
          this.$toast.fail('当前环节不需要处理!')
          // this.$notify({ type: "warning", message: "当前环节不需要处理!" });
          this.handleGoto = -1
        }
      } else {
        if ((item.NODE_GUID === '{FAFEF7FF-6294-489A-A5DF-53906712EBEE}' || item.NODE_GUID === '{FEF0E7B0-F048-42E0-998E-06387B0D03DB}') && (item.HTQDZT == null || item.HTBHQDZT == null)) {
          //获取数据 工匠签合同环节
          this.handleGoto = 1
        } else if (item.PROC_NAME === '基槽验线') {
          this.handleGoto = 5
          this.handleGoto = 6
        } else if (item.PROC_NAME == '一层立模') {
          this.handleGoto = 8
        } else if (item.PROC_NAME === '现场放样') {
          //获取数据
          this.handleGoto = 4
        } else if (item.PROC_NAME === '竣工验收') {
          //获取数据
          this.handleGoto = 7
        } else if (item.NODE_NAME == '农户选图集、选工匠') {
          this.handleGoto = 0
        } else {
          this.$toast.fail('当前环节不需要处理!')
          // this.$notify({ type: "warning", message: "当前环节不需要处理!" });
          this.handleGoto = -1
        }
      }
      this.$store.commit('gettoGuid', item)
      this.$store.commit('getHJZT', this.handleGoto)
      //跳转到选择工匠页面 //
      if (this.handleGoto == 0) {
        this.$router.push({
          path: '/ChooseCraftsman'
          // query: { data: item }
        })
        this.$store.commit('getXTXGJData', item)
      } else if (this.handleGoto == 1) {
        //签订合同页面
        if (item.HTQDZT == null || item.HTBHQDZT == null) {
          if (item.HTQDZT != null && !this.$store.state.isGJ) {
            this.$toast.fail('请提示农户签订合同!')
            // this.$notify({ type: "warning", message: "请提示农户签订合同!" });
          } else {
            this.$router.push({
              path: '/SignContract',
              query: { data: item }
            })
          }
        } else {
          this.$router.push({
            path: '/CompletionAcceptance',
            query: { data: item }
          })
        }
      } else if (this.handleGoto != -1) {
        this.$router.push({
          path: '/CompletionAcceptance',
          query: { data: item }
        })
      }
    },
    getcontentData: async function (data) {
      this.contentData = []
      this.contentData1[0].num = 0
      if (!this.$store.state.isGJ) {
        // let params = {
        //   dataguid: '9d97398e-6e18-45f1-932b-bd59cb54a0be',
        //   searchObject: [],
        //   token: window.localStorage.getItem('token'),
        // }
        // var res = await LoadGridData(params)
        var res = await GJDBFunction('CRAFTSMAN', '1')
        this.contentData1[0].num = res.length
        this.contentData = res
        // if (res.length == 0) {
        //   let params1 = {
        //     // "dataguid": "5a898987-5c64-4857-92c8-469d05c92c0c",
        //     dataguid: '8478109f-1194-4126-ab97-b2f927368e7b',
        //     searchObject: [],
        //     bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
        //     token: window.localStorage.getItem('token'),
        //   }
        //   var res1 = await LoadGridData(params1)
        //   var parmes = res1.data.Data
        //   this.contentData1[0].num = res1.data.Data.length
        //   this.contentData = parmes
        // } else {
        //   this.contentData1[0].num = res.data.Data.length
        //   var parmes = res.data.Data
        //   this.contentData = parmes
        // }
        this.contentData.length == 0 ? (this.noData = true) : (this.noData = false)
      } else {
        // let params = {
        //   dataguid: '5a898987-5c64-4857-92c8-469d05c92c0c',
        //   searchObject: [],
        //   bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
        //   token: window.localStorage.getItem('token'),
        // }
        // var res = await LoadGridData(params)
        // if (res.data.Data.length > 0) {
        //   var parmes = res.data.Data
        //   this.contentData1[0].num = res.data.Data.length >= 1 ? 1 : 0
        // } else {
        //   let params1 = {
        //     // "dataguid": "5a898987-5c64-4857-92c8-469d05c92c0c",
        //     dataguid: '8478109f-1194-4126-ab97-b2f927368e7b',
        //     searchObject: [],
        //     bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
        //     token: window.localStorage.getItem('token'),
        //   }
        //   var res1 = await LoadGridData(params1)
        //   var parmes = res1.data.Data
        const res2 = await JFDataList(window.localStorage.getItem('DanDianid'))
        // this.contentData = res2.data.data.pageList
        this.contentData1[0].num = res2.data.data.totalCount
        // this.contentData1[0].num = res1.data.Data.length >= 1 ? 1 : 0
      }
      if (parmes != undefined) {
        if (parmes.NODE_NAME === '农户选图集、选工匠') {
          //农户选图集、选工匠 签合同环节
          this.handleGoto = 0
          this.contentData.push(res1.data.Data[0] ? res1.data.Data[0] : res.data.Data[0])
        } else if (parmes.NODE_GUID == '{E359B708-D4B2-426F-BA00-45C5E94B6D7D}') {
          //四到场界面
          this.handleGoto = 7
          this.contentData.push(res1.data.Data[0] ? res1.data.Data[0] : res.data.Data[0])
        } else if (
          (parmes.NODE_GUID === '{FAFEF7FF-6294-489A-A5DF-53906712EBEE}' || parmes.NODE_GUID === '{FEF0E7B0-F048-42E0-998E-06387B0D03DB}') &&
          (parmes.HTQDZT == null || parmes.HTBHQDZT == null)
        ) {
          //获取数据 工匠签合同环节
          this.handleGoto = 1
          this.contentData.push(res.data.Data[0])
        } else if (
          (parmes.NODE_GUID === '{FAFEF7FF-6294-489A-A5DF-53906712EBEE}' || parmes.NODE_GUID === '{FEF0E7B0-F048-42E0-998E-06387B0D03DB}') &&
          parmes.HTQDZT != null &&
          parmes.HTBHQDZT != null
        ) {
          this.handleGoto = 4
          let params = {
            dataguid: '7514c605-1c54-42a9-91ad-be42ff9e70cd',
            // "dataguid": "8478109f-1194-4126-ab97-b2f927368e7b",
            searchObject: [],
            bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
            token: window.localStorage.getItem('token')
          }
          const res1 = await LoadGridData(params)
          this.contentData.push(res1.data.Data[0])
        } else if (parmes.NODE_NAME === '基槽验线') {
          //获取数据
          this.handleGoto = 5
          let params = {
            dataguid: '06bc329d-4705-4d9a-8c42-a83d3c649efb',
            // "dataguid": "8478109f-1194-4126-ab97-b2f927368e7b",
            searchObject: [],
            bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
            token: window.localStorage.getItem('token')
          }
          const res1 = await LoadGridData(params)
          this.contentData.push(res1.data.Data[0])
        } else if (parmes.NODE_NAME === '一层立模') {
          //获取数据
          this.handleGoto = 6
          let params = {
            dataguid: 'ab22e818-a650-4738-805d-91d169d5cac0',
            // "dataguid": "8478109f-1194-4126-ab97-b2f927368e7b",
            searchObject: [],
            bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
            token: window.localStorage.getItem('token')
          }
          const res1 = await LoadGridData(params)
          this.contentData.push(res1.data.Data[0])
        } else if (parmes.NODE_NAME === '竣工验收') {
          //获取数据
          this.handleGoto = 7
          let params = {
            dataguid: 'd6d3ee6a-9ad4-4491-8772-ba44ea41633b',
            // "dataguid": "8478109f-1194-4126-ab97-b2f927368e7b",
            searchObject: [],
            bizGuid: 'd718f2a6-6d0a-42d2-9f03-e396fd056b79',
            token: window.localStorage.getItem('token')
          }
          const res1 = await LoadGridData(params)
          this.contentData.push(res1.data.Data[0])
        } else if (parmes.NODE_NAME === '农户、村委') {
          //农户村委
          this.contentData.push(parmes)
        } else {
          this.$toast.fail('当前环节不需要农户处理!')
          // this.$notify({
          //   type: "warning",
          //   message: "当前环节不需要农户处理!",
          // });
          this.handleGoto = -1
        }
        setTimeout(() => {
          this.contentData.length == 0 ? (this.noData = true) : (this.noData = false)
        }, 500)
      }
      this.contentData.length == 0 ? (this.noData = true) : (this.noData = false)
      this.$nextTick(() => {})
    },
    handleToThreePage(data) {
      switch (data) {
        case '政策法规':
          this.$router.push({
            path: '/Regulate'
          })
          break
        case '保险服务':
          this.$router.push({
            path: '/InsuranceService'
          })
          break
        case '一图读懂':
          if (this.showType == 'GJ') {
            ZWJSBridge.openLink({
              url: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂.png'
            })
              .then((res) => {})
              .catch((err) => {
                window.open('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂.png')
              })
          } else if (this.showType == 'NH') {
            ZWJSBridge.openLink({
              url: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂（工匠-建房审批）.png'
            })
              .then((res) => {})
              .catch((err) => {
                window.open('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂（工匠-建房审批）.png')
              })
          } else {
            ZWJSBridge.openLink({
              url: 'https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂（企业-建房审批）.png'
            })
              .then((res) => {})
              .catch((err) => {
                window.open('https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/一图读懂（企业-建房审批）.png')
              })
          }
          break
        case '金融贷款服务':
          this.$router.push({
            path: '/FinancialService'
          })
          break
        case '工匠服务':
          this.$router.push({
            path: '/craftsmanServices'
          })
          break
        case '地图':
          this.$router.push({
            path: '/SpatialEncoding'
          })
          break
        case '建房知识':
          this.$router.push({
            path: '/BuildingKnowledge'
          })
          break
        case '图集服务':
          this.$router.push({
            path: '/BuildingServer',
            query: {
              data10: ''
            }
          })
          break
        case '建材服务':
          this.$router.push({
            path: '/BuildMaterialService'
          })
          break
        case '培训资讯':
          this.$router.push({
            path: '/trainingInformation',
            query: {
              data: '培训资讯'
            }
          })
          break
        case '竞赛资讯':
          this.$router.push({
            path: '/trainingInformation',
            query: {
              data: '竞赛资讯'
            }
          })
          break
        case '贷款服务':
          this.$router.push({
            path: '/LoanServices'
          })
          break
        case '公积金':
          // this.$router.push({
          //   path: "/AccumulationFund",
          // });
          // alert('当前环节是'+window.sessionStorage.getItem('showBg1')=="true"?"#小程序://浙里办/pLii53YJ4Ltflbp":window.sessionStorage.getItem('bIsAlipayMini1')=='true'?"https://ur.alipay.com/_7LuDbWVKfO3kv6Kuleiw35":'http://portal.zjzwfw.gov.cn/download/?_aaid=4&preferredContainer=zlb&goto=zwfw://webview?h5Url=https://portal.zjzwfw.gov.cn/portal/page/athena-view.html?pageId=13910&_tesseract_=true')
          ZWJSBridge.openLink({
            url:
              window.sessionStorage.getItem('showBg2') == 'true'
                ? 'https://portal.zjzwfw.gov.cn/portal/page/athena-view.html?pageId=13910&_tesseract_=true'
                : window.sessionStorage.getItem('isZFB') == 'true'
                ? 'https://ur.alipay.com/_7LuDbWVKfO3kv6Kuleiw35'
                : 'http://portal.zjzwfw.gov.cn/download/?_aaid=4&preferredContainer=zlb&goto=zwfw://webview?h5Url=https://portal.zjzwfw.gov.cn/portal/page/athena-view.html?pageId=13910&_tesseract_=true'
          })
            .then((res) => {})
            .catch((err) => {
              window.open(
                window.sessionStorage.getItem('showBg2') == 'true'
                  ? '#小程序://浙里办/u7X2D2eX2ko6i3w'
                  : window.sessionStorage.getItem('isZFB') == 'true'
                  ? 'https://ur.alipay.com/_7LuDbWVKfO3kv6Kuleiw35'
                  : 'http://portal.zjzwfw.gov.cn/download/?_aaid=4&preferredContainer=zlb&goto=zwfw://webview?h5Url=https://portal.zjzwfw.gov.cn/portal/page/athena-view.html?pageId=13910&_tesseract_=true'
              )
            })
          break
        case '生活服务':
          this.$router.push({
            path: '/LifeService'
          })
          break
        case '天工巧匠':
          ZWJSBridge.openLink({
            url: 'https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2001982023/reserved/index.html'
          })
            .then((res) => {})
            .catch((err) => {})
          break
        case '海岛e间房':
          ZWJSBridge.openLink({
            url: 'https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2002288979/reserved/index.html'
          })
            .then((res) => {})
            .catch((err) => {})
          break
      }
    },
    bottomClick: async function (index) {
      this.nowIndex = index
      this.ISShowList = true
      switch (index) {
        case 0:
          this.$router.push({
            path: '/ZLJIndex'
          })
          if (ZWJSBridge) {
            ZWJSBridge.setTitle({
              title: '粤政易'
            })
              .then((res) => {})
              .catch((err) => {})
          }
          break
        case 1:
          //获取数据长度
          // this.getcontentData();
          if (this.showType != 'QY') {
            this.$router.push({
              path: 'MyAgentNew'
            })
          } else {
            //企业我的待办分为鉴定公司447(同危改待办)  测绘企业448  建筑企业446(同工匠建房待办)
            let formData = JSON.parse(window.localStorage.getItem('FRUSER')) ? JSON.parse(window.localStorage.getItem('FRUSER')) : ''
            console.log(formData)
            let paerauto = {
              procName: 'up_companyFwlx',
              dtParams: JSON.stringify([{ I_TYXYDM: "'" + formData ? formData.uniscid : '' + "'" }]),
              token: window.localStorage.getItem('token')
            }
            let procNameAuto = {
              accessCode: '69db6bece3a7480592e2ec753d1e335e',
              cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
              params: paerauto
            }
            const res = await QuerySignCallback(procNameAuto)
            if (res.data.data != 'Error request, response status: 401') {
              let data = eval('(' + res.data.data + ')').Data
              console.log(data)
              if (data && data.length > 0) {
                switch (data[0].FWLX) {
                  case 447:
                    this.$router.push({
                      path: '/RebuildList'
                    })
                    break
                  case 446:
                    this.$store.commit('getIsGJ', false)
                    this.$router.push({
                      path: '/BuildingApplication'
                    })
                    break
                  case 448:
                    this.$router.push({
                      path: '/CHMyTodoList'
                    })
                    break
                  default:
                    break
                }
              } else {
                this.$toast.fail('当前登录人不是法人')
              }
            } else {
              this.$toast.fail('暂无数据')
            }
          }
          break
        case 2:
          this.$router.push({
            path: 'MyEnshrine'
          })

          break
      }
    },
    EditionClick() {
      this.showEdition = !this.showEdition
      this.$store.commit('getEdition', this.showEdition)
    },
    back() {
      const sUserAgent = window.navigator.userAgent.toLowerCase()
      const bIsDtDreamApp = sUserAgent.indexOf('dtdreamweb') > -1 // 浙里办APP
      if (bIsDtDreamApp) {
        let that = this
        window.addEventListener(
          'pageshow',
          function (event) {
            if (event.persisted || (window.performance && window.performance.navigation.type == 2)) {
              ZWJSBridge.onReady(() => {
                ZWJSBridge.close()
                  .then((result) => {})
                  .catch((error) => {})
              })
            }
            // that.isLoad();
          },
          false
        )
      }
    },
    getXZQH: async function (value, selectedOptions, tabIndex) {
      var res = await GetAdministrative(value)
      selectedOptions[tabIndex].children = []
      if (res.data.data.length > 0) {
        res.data.data.forEach((element) => {
          let obj = {
            text: element.cityname,
            value: element.citycode
          }
          if (tabIndex < 1) {
            obj['children'] = []
          }
          selectedOptions[tabIndex].children.push(obj)
        })
      }
    },
    //弹出框
    async handleYWDSHOW() {
      this.YWDSHOW = false
      //调用接口
      let data = {
        idCard: window.localStorage.getItem('DanDianid'),
        publicVersionId: '6738c6db-69e8-11ec-a673-6805cab640a0'
      }
      const res = await housePublicVersionPersonSave(data)
    },
    //获取
    async gethousePublicVersionPerson() {
      let data = {
        idCard: window.localStorage.getItem('DanDianid'),
        publicVersionId: '6738c6db-69e8-11ec-a673-6805cab640a0'
      }
      const res = await housePublicVersionPerson(data)
      if (res.data.data) {
        this.neiRong = res.data.data
        //改这个
        this.YWDSHOW = false
      }
    },
    getNFFM: async function (field, code) {
      this.NFFMData = []
      if (code) {
        var res = await zhejiangHouseFeature(window.localStorage.getItem('citycodeChange') ? window.localStorage.getItem('citycodeChange') : '441300000000')
      } else {
        var res = await zhejiangHouseFeature(window.localStorage.getItem('citycodeChange') ? window.localStorage.getItem('citycodeChange') : '441300000000')
      }
      if (res.data.code == 200) {
        this.NFFMData = res.data.data.pageList
      }
    }
  },
  mounted() {
    window.sessionStorage.setItem('applyFor',null)
    this.htmlFontSize()
    this.getXianOpenDataView()
    let index = 0
    if (window.localStorage.getItem('isGJM') == 'false' && window.localStorage.getItem('isPer') == 1) {
      index = 1
    } else if (window.localStorage.getItem('isPerTab') == 2) {
      index = 2
      this.showType = 'QY'
    }
    if (!window.sessionStorage.getItem('index')) {
      window.sessionStorage.setItem('index', 0)
      var data1 = '农户'
    } else if (window.sessionStorage.getItem('index') == 0) {
      var data1 = '农户'
    } else if (window.sessionStorage.getItem('index') == 1) {
      var data1 = '工匠'
    } else if (window.sessionStorage.getItem('index') == 2) {
      var data1 = '企业'
      this.showType = 'QY'
    }
    this.ISShowClick(data1, window.sessionStorage.getItem('index'))
    this.showEdition = this.$store.state.Edition
    // let userType =  window.localStorage.getItem('userType')
    //获取当前选中的是工匠 农户 企业
    // if (userType) {
    //   this.showType = userType
    // } else {
    //   this.showType = 'NH'
    //   this.$store.commit("getIsGJ", true)
    // }
    if (window.localStorage.getItem('citycodeValue')) {
      this.areaValue = window.localStorage.getItem('citycodeValue')
    }
    // this.getcontentData()
    //获取当前的定位地址
    if (this.nowIndex == 0) {
      if (ZWJSBridge) {
        ZWJSBridge.setTitle({
          title: '粤政易'
        })
          .then((res) => {})
          .catch((err) => {})
      }
    }
    this.$nextTick(() => {})
    ZWJSBridge.getLocation({})
      .then((res) => {
        if (window.localStorage.getItem('citycodeValue')) {
          this.areaValue = window.localStorage.getItem('citycodeValue')
        } else {
          this.areaValue = ''
          this.areaValue = res.cityName + '/' + res.region
          window.localStorage.setItem('citycodeChange', res.townCode.substring(0, 4) + '00000000')
          window.localStorage.setItem('citycodeValue', this.areaValue)
          this.getNFFM('F_CITY', res.townCode.substring(0, 4) + '00000000')
          console.log('dfnioehnf')
        }
        if (window.localStorage.getItem('citycodeChange').substring(0, 4) == '3311' || window.localStorage.getItem('citycode').substring(0, 4) == '3311') {
          this.ISSHowTG = true
        } else {
          this.ISSHowTG = false
        }
        if (window.localStorage.getItem('citycodeChange').substring(0, 6) == '330903' || window.localStorage.getItem('citycode').substring(0, 6) == '330903') {
          this.NFFWData.forEach((item) => {
            if (!item.isShow) {
              item.isShow = true
            }
          })
          this.NFFWData1.forEach((item) => {
            if (!item.isShow) {
              item.isShow = true
            }
          })
          this.NFFWData2.forEach((item) => {
            if (!item.isShow) {
              item.isShow = true
            }
          })
        } else {
          this.NFFWData.forEach((item) => {
            if (item.name == '海岛e间房') {
              item.isShow = false
            }
          })
          this.NFFWData1.forEach((item) => {
            if (item.name == '海岛e间房') {
              item.isShow = false
            }
          })
          this.NFFWData2.forEach((item) => {
            if (item.name == '海岛e间房') {
              item.isShow = false
            }
          })
        }
      })
      .catch((err) => {
        this.getNFFM('')
        console.log('dfnioehnf')
        // window.localStorage.setItem("citycodeChange", "441300000000");
      })
  },
  created() {
    debugger
    this.getrequestId()
    if (window.sessionStorage.getItem('showBg1') == 'true') {
      this.showBg1 = false
    } else {
      this.showBg1 = true
    }
    console.log(this.showBg1, 'hezhilong0214')
    this.back()
    //根据接口判断是否展示YWDSHOW
    this.gethousePublicVersionPerson()
    this.getNFFM('')
    //判断 提交成功后弹出美丽乡居贷信息3秒自动关闭
    this.mlxjdshow = false
    if (window.localStorage.getItem('isLogin')) {
      this.mlxjdshow = true
      window.localStorage.removeItem('isLogin')
      if (this.mlxjdshow == true) {
        setTimeout(() => {
          this.mlxjdshow = false
        }, 4000)
      }
    }
  }
}
</script>
<style lang="scss" scoped>
#ZLJIndex {
  font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
  width: 100vw;
  overflow-x: hidden;
  height: 100vh;
  overflow: auto;
  background-color: #f6f6f6;

  .text {
    font-weight: 540;
  }

  .mainWrap {
    width: 100%;
    height: calc(100vh - 60px);
    overflow: auto;
  }

  .subTitle {
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
    height: 30px;
    line-height: 30px;
    font-weight: 800;
    color: #414652;
    padding: 4px 10px;
  }

  .main {
    clear: both;
    background: #ffffff;
    padding: 2px 6px;
    margin-bottom: 12px;
  }

  .top {
    position: relative;
    color: #ffffff;

    .left-top {
      width: 99%;
      position: absolute;
      left: 2px;
      top: 10px;

      .btn {
        width: auto;
        height: 28px;
        // border: 1px solid #e1eaff;
        display: inline-block;
        line-height: 28px;
        text-align: center;
        padding: 0 5px;
        margin-left: -1px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 2px;
      }

      .btn1 {
        width: auto;
        height: 28px;
        // border: 1px solid #e1eaff;
        display: inline-block;
        line-height: 28px;
        text-align: center;
        padding: 0 8px;
        margin-left: -6px;
        border: 1px solid #b3e6ff;
        border-right: none;
        border-radius: 2px;
      }
    }

    .bottom-top {
      width: 95%;
      position: absolute;
      left: 10px;
      bottom: -4px;
      line-height: 36.5px;

      .btn {
        float: right;
        width: auto;
        height: 40px;
        // border: 1px solid #e1eaff;
        border-radius: 16px;
        display: inline-block;
        line-height: 40px;
        text-align: center;
      }
    }
  }

  .custom-indicator {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 2px 5px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.1);
  }

  .SQList {
    height: auto;
    background: #ffffff;

    .title {
      width: 100%;
      height: 50px;
      background: #007aff;
      line-height: 50px;
      text-align: center;
      color: #ffffff;
      font-size: 20px;
      position: relative;
    }

    ul li {
      padding: 10px;
      height: 90px;
      border-bottom: 1px solid #d2d2d2;
      margin-bottom: 10px;
    }
  }

  .content {
    width: 100%;
    height: calc(100vh - 260px);

    .line {
      width: 6px;
      height: 26px;
      background: #007aff;
      display: inline-block;
    }

    .content-nfjs {
      clear: both;
      overflow: hidden;
      padding: 4px;

      li {
        width: 49%;
        height: 70px;
        float: left;
        margin-top: 2%;
        position: relative;
        background-size: 100% 100% !important;
        display: flex;
        align-items: center;
        padding-left: 60px;
        font-size: 14px;
      }
    }

    .content-nffw {
      clear: both;
      overflow: hidden;
      color: #414652;

      li {
        width: 25%;
        float: left;
        text-align: center;

        span {
          width: 100%;
          display: inline-block;
          font-size: 14px;
          text-align: center;
          margin: 14px 0;
        }

        img {
          width: 40px;
          height: 40px;
        }
      }
    }

    .content-nffm {
      clear: both;
      overflow: hidden;

      li {
        width: 48.2%;
        font-size: 14px;
        float: left;
        margin-top: 2%;
        margin-bottom: 3%;

        .text {
          width: 100%;
          display: inline-block;
          height: 30px;
          background: #ffffff;
          box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.17);
          border-radius: 0px 0px 20px 20px;
          text-align: center;
          line-height: 30px;
        }

        img {
          width: 100%;
          height: 90px;
        }
      }
    }
  }

  .phoneText {
    margin-top: 14px;
    padding-top: 10px;
    padding-bottom: 40px;
    font-size: 14px;
  }

  .bottom {
    clear: both;
    z-index: 999;
    // height: 100px;
    width: 100%;
    text-align: center;
    height: 58px;
    background: #ffffff;
    border-top: 1px solid #d2d2d2;

    ul {
      width: 100%;
      height: 100%;
      clear: both;
      overflow: hidden;
      display: flex;
      height: 40px;
      align-items: center;

      li {
        float: left;
        width: 33.3%;
        font-size: 14px !important;

        img {
          height: 16px;
          margin-bottom: 3px;
        }
      }
    }
  }
}

//长辈版样式
.elderStyle {
  .subTitle {
    font-size: 16px !important;
    height: 50px !important;
    line-height: 50px !important;
  }

  .content-nfjs {
    li {
      height: 78px !important;
      padding-left: 62px !important;
      font-size: 16px !important;
    }
  }

  .content-nffw {
    li {
      span {
        font-size: 16px !important;
        text-align: center !important;
      }

      img {
        width: 44px !important;
        height: 44px !important;
      }
    }
  }

  .content-nffm {
    li {
      font-size: 16px !important;
    }
  }

  .phoneText {
    font-size: 16px !important;
  }

  .top {
    font-size: 16px !important;
  }
}
</style>

<style lang="scss">
#ZLJIndex {
  .van-cell {
    padding: 4px !important;
    overflow: hidden;
    color: #fff !important;
    font-size: 14px;
    line-height: 24px;
    background-color: transparent !important;
  }

  .van-dialog__header {
    font-weight: 570;
  }

  .van-cell__value--alone,
  .van-cell__right-icon {
    color: #fff !important;
  }
}
</style>
